<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <title>通知公告</title>

    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">



    <!-- bootstrap & fontawesome -->








    <!-- page specific plugin styles -->
    <script src="__PUBLIC__/admin/js/jquery.min.js"></script>
    <script src="__PUBLIC__/admin/js/lodash.min.js"></script>
    <script src="__PUBLIC__/admin/js/moment.min.js"></script>
    <script src="__PUBLIC__/admin/js/zh-cn.js"></script>
    <script src="__PUBLIC__/admin/js/numeral.min.js"></script>
    <script src="__PUBLIC__/admin/js/toastr.min.js"></script>
    <script src="__PUBLIC__/admin/js/cookies.js"></script>
    <script src="__PUBLIC__/admin/js/knockout-min.js"></script>
    <script src="__PUBLIC__/admin/js/knockout.mapping.min.js"></script>
    <script src="__PUBLIC__/admin/js/bootstrap-datetimepicker.min.js"></script>
    <script src="__PUBLIC__/admin/js/jquery.validate.min.js"></script>
    <script src="__PUBLIC__/admin/js/jquery.validate.unobtrusive.min.js"></script>
    <script src="__PUBLIC__/admin/js/clipboard.min.js"></script>
    <script src="__PUBLIC__/admin/js/select2.min.js"></script>
    <script src="__PUBLIC__/admin/js/admin.js"></script>
    <script>
      moment.locale('zh-cn');
      toastr.options.positionClass = 'toast-bottom-right';
    </script>

    <!-- text fonts -->


    <!-- ace styles -->


    <!--[if lte IE 9]>
        <link rel="stylesheet" href="http://novel.818tu.com/static/assets/css/ace-part2.min.css" />
    <![endif]-->




    <!--[if lte IE 9]>
        <link rel="stylesheet" href="http://novel.818tu.com/static/css/ace-ie.min.css" />
    <![endif]-->



    <!-- inline styles related to this page -->

    <!-- ace settings handler -->
    <script src="__PUBLIC__/admin/js/ace-extra.min.js"></script>



<link media="all" href="__PUBLIC__/admin/css/index01.css" type="text/css" rel="stylesheet">
<link media="all" href="__PUBLIC__/admin/css/page.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/glyphicons-halflings-regular.css">

</head>
<body class="no-skin" style="padding-right: 17px;">

    <!-- #section:basics/navbar.layout -->
    <include file="./Public/gong/title.html" />

    <div class="main-container" id="main-container">
      <script type="text/javascript">
        try{ace.settings.check('main-container' , 'fixed')}catch(e){}
      </script>

      <div id="sidebar" class="sidebar responsive">
          <script type="text/javascript">
            try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
          </script>

<include file="./Public/gong/list.html" />
          <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
            <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
          </div>

          <script type="text/javascript">
            try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
          </script>
      </div>

      <!-- /section:basics/sidebar -->
      <div class="main-content">

<!--                     <div id="invalid-mp-settings-hint" style="border-top: 0px none; border-left: 0px none; border-right: 0px none; margin: 0px;" class="alert alert-warning">
    <i class="fa fa-warning"></i> 您的公众号配置不完整，推广前请务必配置好公众号信息。<a    href="#">立即配置</a>
</div> -->


        <div class="breadcrumbs" id="breadcrumbs">
          <script type="text/javascript">
            try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
          </script>

          <ul class="breadcrumb">
            <li>
              <i class="ace-icon fa fa-home home-icon"></i>
              <a    href="#">Home</a>
            </li>
            <li class="active">通知公告</li>
          </ul><!-- /.breadcrumb -->

          <!-- /section:basics/content.searchbox -->
        </div>

        <!-- /section:basics/content.breadcrumbs -->
        <div class="page-content">
          <div class="page-content-area">
            <div class="row">
              <div class="col-xs-12">
                <!-- PAGE CONTENT BEGINS -->

                <!--/span-->
                <!-- left menu ends -->




<ul class="list-group" style="margin-left: 0px;">
        <volist name="news" id="vw">
            <li class="list-group-item notice-item">
                <span>{$vw.time|date="Y-m-d",###} |</span>
                <a    href="#" class="notice-title" data-toggle="view-notice" data-id="{$vw.id}" data-created-at="1498813121">{$vw.title}</a>
            </li>
        </volist>
</ul>

<div class="sabrosus" style="float: right;">
{$page}
</div>



                                <!-- PAGE CONTENT ENDS -->
                            </div><!-- /.col -->
                        </div><!-- /.row -->
                    </div><!-- /.page-content-area -->
                </div><!-- /.page-content -->
            </div><!-- /.main-content -->

        </div><!-- /.main-container -->

        <!-- basic scripts -->


        <script src="__PUBLIC__/admin/js/bootstrap.min.js"></script>
        <script src="__PUBLIC__/admin/js/jquery.webui-popover.min.js"></script>
        <script src="__PUBLIC__/admin/js/jquery.ui.widget.min.js"></script>
        <script src="__PUBLIC__/admin/js/jquery.fileupload.min.js"></script>

        <!-- page specific plugin scripts -->

        <!-- ace scripts -->
        <script src="__PUBLIC__/admin/js/ace-elements.min.js"></script>
        <script src="__PUBLIC__/admin/js/ace.min.js"></script>

        <!-- inline scripts related to this page -->

        <!-- the following scripts are used in demo only for onpage help and you don't need them -->


        <script src="__PUBLIC__/admin/js/elements.onpage-help.js"></script>
        <script src="__PUBLIC__/admin/js/ace.onpage-help.js"></script>
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/bootstrap.min2.css">

    <div class="modal fade in" id="__modal_1499046441196" style="display: none;">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" data-bind="visible: title">
                        <button type="button" class="close" data-bind="visible: showCloseButton, click: close">
                            <span aria-hidden="true">×</span>
                        </button>
                        <h4 class="modal-title" data-bind="html: title" id="title"></h4>
                    </div>
                    <div class="modal-body" data-bind="html: body" style="max-height: 447px; overflow: auto;">
                        <div style="line-height:1.8em;" id="content">                                                \

                        </div>
                    </div>
                    <div class="modal-footer"><!-- ko foreach: buttons -->
                        <button type="button" data-bind="attr: { &#39;id&#39;: id, &#39;class&#39;: &#39;btn &#39; + className }, html: text, click: $parent.onButtonClick" id="__btn_1499046441195446" class="btn btn-primary">我知道了</button>
                        <!-- /ko -->
                    </div>
                </div>
            </div>
    </div>
        <div class="modal-backdrop fade in" style="display: none;"></div>
<script >
    $(function(){
            $(".notice-title").click(function(){
                $(".modal").css({'display':'block'});
                $(".modal-backdrop").css({'display':'block'});
                var nid = $(this).data('id');
                //alert(nid);
                $.ajax({
                    url:'__URL__/showinfo',
                    type:'GET',
                    dataType: 'json',
                    data: {id:nid},
                    success:function(req){
                        if(req != 'error')
                        {
                            //alert(req.title);
                            $('#title').html(req.title);
                            $('#content').html(req.content);
                        }
                    },
                    error:function(){
                        alert('请求数据错误，请稍后再试');
                    }
                })
            });
            $(".close").click(function(){
                $(".modal").css({'display':'none'});
                $(".modal-backdrop").css({'display':'none'});
            });
            $(".btn-primary").click(function(){
                $(".modal").css({'display':'none'});
                $(".modal-backdrop").css({'display':'none'});
            });
    });
</script>
</body>
</html>
